<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>球知遇</title>
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
</head>
<body>
  <div class="main">
    <header class="header">
      <div class="logo"><a href="#"><img src="./images/img_25.png" alt=""></a></div>
      <div class="app_down">下载APP</div>
      <div class="down-code">
        <img src="./images/img_21.jpg" alt="">
        <!-- <div class="code-img">
          <img src="./images/code.png" alt="">
        </div> -->
      </div>
    </header>
    <section class="section">
      <div class="section_main">
        <section class="main_top">
          <div class="main_top-left">
            <div class="main_top_left-top">
              <img src="./images/img_5.png" alt="">
            </div>
            <div class="main_top_left-news">
              <p><img src="./images/img_6.png" alt=""></p>
              <ul>
                <li><a href="#">詹俊：花钱最多的是阿森纳，曼联市场应显著，切尔西是最大赢家纳，曼联市场应显著！</a></li>
                <li><a href="#">葡萄牙国家队官方：由于累计黄牌无法出战，C罗离开本期集训</a></li>
                <li><a href="#">詹俊：花钱最多的是阿森纳，曼联市场应显著，切尔西是最大赢家纳，曼联市场应显著！</a></li>
                <li><a href="#">葡萄牙国家队官方：由于累计黄牌无法出战，C罗离开本期集训</a></li>
                <li><a href="#">詹俊：花钱最多的是阿森纳，曼联市场应显著，切尔西是最大赢家纳，曼联市场应显著！</a></li>
                <li><a href="#">葡萄牙国家队官方：由于累计黄牌无法出战，C罗离开本期集训</a></li>
                <li><a href="#">詹俊：花钱最多的是阿森纳，曼联市场应显著，切尔西是最大赢家纳，曼联市场应显著！</a></li>
                <li><a href="#">葡萄牙国家队官方：由于累计黄牌无法出战，C罗离开本期集训</a></li>
                <li><a href="#">詹俊：花钱最多的是阿森纳，曼联市场应显著，切尔西是最大赢家纳，曼联市场应显著！</a></li>
                <li><a href="#">葡萄牙国家队官方：由于累计黄牌无法出战，C罗离开本期集训</a></li>
              </ul>
            </div>
          </div>
          <div class="main_top-right">
            <div class="swiper-wrapper">
              <!-- 新闻切换swiper Dom -->
              <div class="top_right_list swiper-slide">
                <div class="right_list-banner">
                  <img src="./images/mm.jpg" alt="">
                </div>
                <div class="right_list-dection">
                  <div class="list-dection-top">
                    <img class="dection_top-hot" src="./images/img_9.png" alt="">
                    <div class="list_dection-tips"><img src="./images/img_11.png" alt=""></div>
                    <div class="list_dection-text">
                      巴萨官方：法蒂接过梅西衣钵，将身穿10号
                    </div>
                  </div>
                  <div class="list_dection-section">
                    巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部巴萨俱乐部
                  </div>
                </div>
                <div class="list_dection_comment">
                  <div class="dection_comment-tips">
                    <img src="./images/img_10.png" alt="">
                  </div>
                  <div class="dection_comment-list">
                    <div class="swiper-wrapper">
                      <!-- <div class="swiper-slide">123123</div>
                      <div class="swiper-slide">123345</div>
                      <div class="swiper-slide">555</div>
                      <div class="swiper-slide">222</div>
                      <div class="swiper-slide">555</div> -->
                      <dl class="swiper-slide">
                        <dt><p><a href="#"><img src="./images/img_24.png" alt=""></a><span>1.45W</span><a href="#"><img src="./images/img_23.png" alt=""></a></p> <img src="./images/head.jpg" class="comment_list-head" alt=""> <span>这是昵称</span></dt>
                        <dd>洛杉矶湖人1：是的，我也这么认为，切尔西还杉矶湖人：是的，我也这是的，我也这么认为，切尔西还  <span>—— 评论来源于“<a href="#">新浪网</a> ”</span></dd>
                      </dl>
                      <dl class="swiper-slide">
                        <dt><img src="./images/head.jpg" class="comment_list-head" alt=""> <span>这是昵称</span></dt>
                        <dd>洛杉矶湖人2：是的，认为，切尔西还  <span>—— 评论来源于“<a href="#">新浪网</a> ”</span></dd>
                      </dl>
                      <dl class="swiper-slide">
                        <dt><img src="./images/head.jpg" class="comment_list-head" alt=""> <span>这是昵称</span></dt>
                        <dd>洛杉矶湖人3：是的，我也这么认为，切尔西还杉矶湖人：是的，我也这么认为，切尔西还  <span>—— 评论来源于“<a href="#">新浪网</a> ”</span></dd>
                      </dl>
                      <dl class="swiper-slide">
                        <dt><img src="./images/head.jpg" class="comment_list-head" alt=""> <span>这是昵称</span></dt>
                        <dd>洛杉矶湖人4：是的，我也这么认为，切尔西还杉矶湖人：是的，我也这么认为，切尔西还  <span>—— 评论来源于“<a href="#">新浪网</a> ”</span></dd>
                      </dl>
                      <dl class="swiper-slide">
                        <dt><img src="./images/head.jpg" class="comment_list-head" alt=""> <span>这是昵称</span></dt>
                        <dd>洛杉矶湖人5：是的，我也这么认为，切尔西还杉矶湖人：是的，我也这么认为，切尔西还  <span>—— 评论来源于“<a href="#">新浪网</a> ”</span></dd>
                      </dl>
                    </div>
                  </div>
                  <p class="commt_more"><a href="#">详见原文  →</a></p>
                </div>
              </div>
              <!-- 新闻切换swiper Dom -->
              <div class="top_right_list swiper-slide">
                <div class="right_list-banner">
                  <img src="./images/banner3.jpg" alt="">
                </div>
                <div class="right_list-dection">
                  <div class="list-dection-top">
                    <img class="dection_top-hot" src="./images/img_9.png" alt="">
                    <div class="list_dection-tips"><img src="./images/img_11.png" alt=""></div>
                    <div class="list_dection-text">
                      巴萨官方：法蒂接过梅西衣钵，将身穿10号
                    </div>
                  </div>
                  <div class="list_dection-section">
                    巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部巴萨俱乐部
                  </div>
                </div>
                <div class="list_dection_comment">
                  <div class="dection_comment-tips">
                    <img src="./images/img_10.png" alt="">
                  </div>
                  <div class="dection_comment-list">
                    <div class="swiper-wrapper">
                      <dl class="swiper-slide">
                        <dt><p><img src="./images/img_24.png" alt=""><span>1.45W</span><img src="./images/img_23.png" alt=""></p> <img src="./images/head.jpg" class="comment_list-head" alt=""> <span>这是昵称</span></dt>
                        <dd>洛杉矶湖人1：是的，我也这么认为，切尔西还杉矶湖人：是的，我也这是的，我也这么认为，切尔西还  <span>—— 评论来源于“<a href="#">新浪网</a> ”</span></dd>
                      </dl>
                      <dl class="swiper-slide">
                        <dt><img src="./images/head.jpg" class="comment_list-head" alt=""> <span>这是昵称</span></dt>
                        <dd>洛杉矶湖人2：是的，认为，切尔西还  <span>—— 评论来源于“<a href="#">新浪网</a> ”</span></dd>
                      </dl>
                      <dl class="swiper-slide">
                        <dt><img src="./images/head.jpg" class="comment_list-head" alt=""> <span>这是昵称</span></dt>
                        <dd>洛杉矶湖人3：是的，我也这么认为，切尔西还杉矶湖人：是的，我也这么认为，切尔西还  <span>—— 评论来源于“<a href="#">新浪网</a> ”</span></dd>
                      </dl>
                      <dl class="swiper-slide">
                        <dt><img src="./images/head.jpg" class="comment_list-head" alt=""> <span>这是昵称</span></dt>
                        <dd>洛杉矶湖人4：是的，我也这么认为，切尔西还杉矶湖人：是的，我也这么认为，切尔西还  <span>—— 评论来源于“<a href="#">新浪网</a> ”</span></dd>
                      </dl>
                      <dl class="swiper-slide">
                        <dt><img src="./images/head.jpg" class="comment_list-head" alt=""> <span>这是昵称</span></dt>
                        <dd>洛杉矶湖人5：是的，我也这么认为，切尔西还杉矶湖人：是的，我也这么认为，切尔西还  <span>—— 评论来源于“<a href="#">新浪网</a> ”</span></dd>
                      </dl>
                    </div>
                  </div>
                  <p class="commt_more"><a href="#">详见原文  →</a></p>
                </div>
              </div>
              <!-- 新闻切换swiper Dom -->
              <div class="top_right_list swiper-slide">
                <div class="right_list-banner">
                  <img src="./images/banner2.jpg" alt="">
                </div>
                <div class="right_list-dection">
                  <div class="list-dection-top">
                    <img class="dection_top-hot" src="./images/img_9.png" alt="">
                    <div class="list_dection-tips"><img src="./images/img_11.png" alt=""></div>
                    <div class="list_dection-text">
                      巴萨官方：法蒂接过梅西衣钵，将身穿10号
                    </div>
                  </div>
                  <div class="list_dection-section">
                    巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部官方宣布，小将安苏-法蒂将身穿巴萨俱乐部巴萨俱乐部
                  </div>
                </div>
                <div class="list_dection_comment">
                  <div class="dection_comment-list">
                    <div class="no-comment">
                      <img src="./images/no-comm.png" alt="">
                    </div>
                  </div>
                  <p class="commt_more"><a href="#">详见原文  →</a></p>
                </div>
              </div>
            </div>
            <div class="swiper-pagination"></div>
          </div>
        </section>
        <section class="main_qa">
          <div class="qa_title">
            <img src="./images/img_12.png" alt="问答">
          </div>
          <div class="qa_swiper">
            <div class="swiper_main">
              <div class="swiper-wrapper">
                <!-- 焦点图 -->
                <div class="qa_swiper-list swiper-slide">
                  <div class="swiper_list-head">
                    <dl>
                      <dt>鬼鬼德</dt>
                      <dd>9月24日</dd>
                    </dl>
                    <p><img src="./images/head.jpg" alt=""></p>
                  </div>
                  <div class="qa_swiper-title">
                    为什么足球球员身价那么高111？
                  </div>
                  <div class="qa_swiper-main">
                    <div class="swiper_title">
                      <div class="swiper_title_head">
                        <img src="./images/head.jpg" alt="">
                        <div class="head_text">直播吧球友12234の </div>
                      </div>
                      <div class="swiper_title_number"><img src="./images/img_7.png" alt="">  1234</div>
                    </div>
                    <div class="swiper_title-text">
                      首先，俱乐部越来越有钱， 像巴黎，曼城等球队有着中东石油富豪的支持，他们对足球的狂热也越发激烈，投入也不断加码。同样的，在中超也有万达和恒大以及苏宁的资本，像巴黎，曼城等球队有着中东石油富豪的支持，他们对足球的狂热也越发激烈，投入也不断加码。同样的，在中超也有万达和恒大以及苏宁的资本， 甚至在欧洲也有中资的影子,   所以球员身价也在不断水涨船高。
                    </div>
                  </div>
                </div>
                <!-- 焦点图 -->
                <div class="qa_swiper-list swiper-slide">
                  <div class="swiper_list-head">
                    <dl>
                      <dt>鬼鬼德</dt>
                      <dd>9月24日</dd>
                    </dl>
                    <p><img src="./images/head.jpg" alt=""></p>
                  </div>
                  <div class="qa_swiper-title">
                    为什么足球球员身价那么高222？
                  </div>
                  <div class="qa_swiper-main">
                    <div class="swiper_title">
                      <div class="swiper_title_head">
                        <img src="./images/head.jpg" alt="">
                        <div class="head_text">直播吧球友12234の </div>
                      </div>
                      <div class="swiper_title_number"><img src="./images/img_7.png" alt="">  1234</div>
                    </div>
                    <div class="swiper_title-text">
                      首先，俱乐部越来越有钱， 像巴黎，曼城等球队有着中东石油富豪的支持，他们对足球的狂热也越发激烈，投入也不断加码。同样的，在中超也有万达和恒大以及苏宁的资本，像巴黎，曼城等球队有着中东石油富豪的支持，他们对足球的狂热也越发激烈，投入也不断加码。同样的，在中超也有万达和恒大以及苏宁的资本， 甚至在欧洲也有中资的影子,   所以球员身价也在不断水涨船高。
                    </div>
                  </div>
                </div>
                <!-- 焦点图 -->
                <div class="qa_swiper-list swiper-slide">
                  <div class="swiper_list-head">
                    <dl>
                      <dt>鬼鬼德</dt>
                      <dd>9月24日</dd>
                    </dl>
                    <p><img src="./images/head.jpg" alt=""></p>
                  </div>
                  <div class="qa_swiper-title">
                    为什么足球球员身价那么高
                  </div>
                  <div class="qa_swiper-main">
                    <div class="swiper_title">
                      <div class="swiper_title_head">
                        <img src="./images/head.jpg" alt="">
                        <div class="head_text">直播吧球友12234の </div>
                      </div>
                      <div class="swiper_title_number"><img src="./images/img_7.png" alt="">  1234</div>
                    </div>
                    <div class="swiper_title-text">
                      首先，俱乐部越来越有钱， 像巴黎，曼城等球队有着中东石油富豪的支持，他们对足球的狂热也越发激烈，投入也不断加码。同样的，在中超也有万达和恒大以及苏宁的资本，像巴黎，曼城等球队有着中东石油富豪的支持，他们对足球的狂热也越发激烈，投入也不断加码。同样的，在中超也有万达和恒大以及苏宁的资本， 甚至在欧洲也有中资的影子,   所以球员身价也在不断水涨船高。
                    </div>
                  </div>
                </div>
                <!-- 焦点图 -->
                <div class="qa_swiper-list swiper-slide">
                  <div class="swiper_list-head">
                    <dl>
                      <dt>鬼鬼德</dt>
                      <dd>9月24日</dd>
                    </dl>
                    <p><img src="./images/head.jpg" alt=""></p>
                  </div>
                  <div class="qa_swiper-title">
                    为什么足球球员身价那么高？
                  </div>
                  <div class="qa_swiper-main">
                    <div class="swiper_title">
                      <div class="swiper_title_head">
                        <img src="./images/head.jpg" alt="">
                        <div class="head_text">直播吧球友12234の </div>
                      </div>
                      <div class="swiper_title_number"><img src="./images/img_7.png" alt="">  1234</div>
                    </div>
                    <div class="swiper_title-text">
                      首先，俱乐部越来越有钱， 像巴黎，曼城等球队有着中东石油富豪的支持，他们对足球的狂热也越发激烈，投入也不断加码。同样的，在中超也有万达和恒大以及苏宁的资本，像巴黎，曼城等球队有着中东石油富豪的支持，他们对足球的狂热也越发激烈，投入也不断加码。同样的，在中超也有万达和恒大以及苏宁的资本， 甚至在欧洲也有中资的影子,   所以球员身价也在不断水涨船高。
                    </div>
                  </div>
                </div>
              </div>
              <div class="button">
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
              </div>
            </div>
          </div>
        </section>
        <section class="qrcode">
          <img src="./images/img_14.png" alt="">
          <div class="qrcode-code">
            <ul>
              <li><img src="./images/code.png" alt=""></li>
              <li><img src="./images/code.png" alt=""></li>
            </ul>
          </div>
        </section>
        <div class="to-top-index"><a href="#">回到顶部</a></div>
      </div>
    </section>
    <footer class="footer">
      <a href="#">球知遇</a>
      <a href="#">版本: v1.0</a>
      <a href="#">用户协议</a>
      <a href="#">隐私政策</a>
    </footer>
  </div>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/index.js"></script>
</body>
</html>